<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>详情</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
		<meta name="viewport" content="target-densitydpi=device-dpi" />
		<meta name="viewport" content="target-densitydpi=high-dpi" />
		<meta name="viewport" content="target-densitydpi=medium-dpi" />
		<meta name="viewport" content="target-densitydpi=low-dpi" />
		<meta name="viewport" content="target-densitydpi=200" />
	    <meta charset="utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
		<script type="text/javascript" src="__STATIC__/index/js/jquery-1.8.3.js" ></script>
		<script type="text/javascript" src="__STATIC__/index/js/layer.js" ></script>
		<link rel="stylesheet" href="__STATIC__/index/css/common.css" />
		<link rel="stylesheet" href="__STATIC__/index/css/layer.css" />
		<style>
			img{max-width: 100%}
			video{max-width: 100%}
			#acrite{margin-bottom: 50px;}
			.content{width:100%;}
			.comment{width: 100%;}
			.footer{position: fixed;height: 30px;bottom: 0;;text-align: center;width: 100%;border-top:1px solid #999;padding-top: 5px; background: #fff}
		</style>
	</head>
	<body>		
		<div id="acticle">
			<div class="content">
				<?php echo htmlspecialchars_decode($content)?>
			</div>
		</div>

		<script>
			$(function() {
				 function zoomImg(o) {
				  var zoom = parseInt(o.style.zoom, 10) || 100;
				  zoom += event.wheelDelta / 2; //可适合修改
				  if (zoom > 0) o.style.zoom = zoom + '%';
				 }
				 $(document).ready(function() {
				  $("img").bind("mousewheel",
				  function() {
				   zoomImg(this);
				   return false;
				  });
				 });
			})
		</script>
	</body>
</html>
